<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>类型管理</title>
    <link rel="icon" type="image/x-icon" href="/static/images/logoIcon.icon">
    <link rel="stylesheet" href="/static/css/type.css">
</head>

<body>
<!-- 头部导航条 -->
<div id="nav">
    <div class="heard">
        <div class="logo">
            <p>ITArmy后台管理</p>
        </div>
        <a href="/user/sign" class="signout">退出</a>
        <a href="/user/index" class="signout">主页</a>
    </div>

</div>
<!-- 侧边栏 -->
<div id="aside">
    <div class="menu">
        <ul>
            <li>
                <a href="/admin/Blog/list">博客管理&nbsp;<img src="/static/images/blog.svg" /></a>
            </li>
            <li class="active">
                <a href="/admin/Type/list">博客类型&nbsp;<img src="/static/images/kind.svg"/></a>
            </li>
            <li>
                <a href="/admin/Serialize/list">连载管理&nbsp;<img src="/static/images/stroy.svg" /></a>
            </li>
            <li>
                <a href="/admin/Order/list">订单管理&nbsp;<img src="/static/images/order.svg" /></a>
            </li>
            <li>
                <a href="/admin/User/list">用户管理&nbsp;<img src="/static/images/user.svg" alt="" /></a>
            </li>
            <li>
                <a href="/admin/Question/list">问题管理&nbsp;<img src="/static/images/question.svg" /></a>
            </li>
            <li>
                <a href="/admin/Exchange/list">汇率管理&nbsp;<img src="/static/images/rate.svg" alt="" /></a>
            </li>
            <li>
                <a href="/admin/ContributeAudit/list">投稿审核&nbsp;<img src="/static/images/word.svg"></a>
            </li>
        </ul>
    </div>
</div>
<!-- 内容 -->
<div class="fill">
    <table class="table table-bordered">
        <thead class="heard">
        <tr>
            <th>类型管理列表</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="we">
                <div id="remove" style="margin:12px 10px;">
                    <a class="delatemore" href="javascript:;">
                        <img src="/static/images/rubsh.svg">
                        <span>批量删除</span>
                    </a>
                    <a class="addbtn" href="javascript:;">
                        <img src="/static/images/add.svg">
                        <span>增加类型</span>
                    </a>
                </div>
                <form class="navbar-form navbar-left" role="search" >
                    <input type="text" id="look" placeholder="类型搜索">
                    <input type="button" id="lookfor" value="查询">
                    <input type="button" id="back" value="返回">
                </form>
            </td>
        </tr>
        </tbody>
    </table>


    <table id="employeeTable">
        <tr style="background-color: #F5FAFA">
            <th class="switch"><input type="checkbox" id="check" name="user"></th>
            <th>类型id</th>
            <th>类型名字</th>
            <th>操作</th>
        </tr>
        <tr th:each="Type:${typeList}">
            <td class="switch"><input type="checkbox" name="user"></td>
            <td th:text="${Type.tId}"></td>
            <td th:text="${Type.tName}"></td>
            <td class="itemDelete">
                <button class="delate">删除</button>
                <button class="compiler">编辑</button>
            </td>
        </tr>
    </table>
</div>
<!--修改的模态框-->
    <div class="modal movefade movemodal" id="movemodal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <i>X</i>
                    <h4>类型管理</h4>
                </div>
                <div class="modal-body">
                    <p>
                        类型&nbsp;ID:&nbsp;&nbsp;<input type="text" readonly>
                    </p>
                    <p>
                        类型名字:&nbsp;&nbsp;<input type="text">
                    </p>
                </div>
                <div class="modal-footer">
                    <button class="same addbtn_ok">确定</button>
                    <button class="same addbtn_no">取消</button>
                </div>
            </div>
        </div>
    </div>
<!--增加的模态框-->
    <div class="modal addfade" id="addmodal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <i>X</i>
                    <h4>类型管理</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" />
                    <p>
                        类型名字:&nbsp;&nbsp;<input type="text" />
                    </p>
                </div>
                <div class="modal-footer">
                    <button class="same addbtnok">确定</button>
                    <button class="same addbtn_no">取消</button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/type.js"></script>
</html>